<template>
  <div >
<div class="bgc">
  <van-cell title="关于我们"
    @click="
      $router.push({
        path: '/settingIntroduce',
        query: {
         content:content
        },
      })
    "
 is-link></van-cell>
<van-cell  @click="showerweima=true" title="关注微信"  is-link></van-cell>
<van-cell
 @click="
      $router.push({
        path: '/phoneBind',
      })
    "
 title="手机号码"  is-link></van-cell></div>
 <van-overlay  :show="showerweima" >
<div class="erweima">
<div class="title">关注二维码</div>
<img src="@/assets/erweima.png" alt="">
<div  @click="showerweima=false" class="close">
  <van-icon  color="#fff" name="cross" />
</div>
</div>

 </van-overlay>
  </div>
</template>

<script>   
import { mySetting } from '@/api'
export default {
  data() {
    return {
      list1: '',
      content:null,
      showerweima:false
    }
  },
  created() {
    this.getList1()
  },
  methods: {
    async getList1() {
      try {
        const { data: res } = await mySetting({ uid: this.$store.state.uid })
        console.log(res, '模板')
        //关于
         this.content=res.data.config.aboutus
      } catch (err) {
        console.log(err)
      }
    },
  },
}
</script>
<style lang="scss" scoped>
.bgc{
  padding-top: 20px;
  height: 100vh;
  background-color:#f6f6f6;
}

.van-overlay{
  display: flex;
  justify-content: center;
  align-items: center;
  .erweima{
  position: relative;
  background-color: #fff;
  width: 280px;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  .title{
    text-align: center;
    font-size: 20px;
  }
   img{
     width: 200px;
     height: 200px;
   }
   /deep/.close{
     position: absolute;
     bottom: -80px;
     border-radius: 40px;
     border: 1px solid #fff;
     left: 40%;
     width: 40px;  
     height: 40px;
     i{
       margin-left: 8px;
       margin-top: 8px;
       font-size: 24px;
       color: #fff;
     }
   }
}
}


</style>
